import React, { Component } from "react";
import { Image, ScrollView, StyleSheet, Text, TextInput, View } from 'react-native';

export class LoginPage extends Component{
  render(): React.ReactNode {
    return (
      <ScrollView>
        <Text>文本行</Text>
        <View>
          <Text>文本行</Text>
          <Image source={{uri:'https://reactnative.dev/docs/assets/p_cat2.png'}} 
          style={styles.imageStyle}
          />
        </View>
        <TextInput style={styles.textInput} defaultValue="这里是输入框"></TextInput>
      </ScrollView>
    )
  }
}

const styles = StyleSheet.create({
  imageStyle:{
    height:200,width:200
  },
  textInput:{
    height:40,
    borderColor:'gray',
    borderWidth:1
  }
})